<template>
  <div class="app-container">
    <el-card class="box-card" shadow="false">
      <div style="padding: 0px; background: #fff">
        <el-tabs v-model="activeName" >
          <el-tab-pane label="报表设计" name="1"><designer v-if="activeName === '1'"/></el-tab-pane>
          <el-tab-pane label="数据集" name="2"><dataSet v-if="activeName === '2'"/></el-tab-pane>
          <el-tab-pane label="数据源" name="3"><dataSource v-if="activeName === '3'"/></el-tab-pane>
        </el-tabs>
      </div>
    </el-card>
  </div>
</template>

<script>
import designer from './designer'
import dataSet from './dataSet'
import dataSource from './dataSource'
export default {
  name: "report",
  components:{
    designer,
    dataSet,
    dataSource
  },
  data() {
    return {
      activeName: "1",
    };
  }
};
</script>
